<template>
  <view class="content">
    <je-icon class="icon" size="50" icon="fal fa-circle-xmark" />
    <view class="message">{{ message }}</view>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        message: '',
      };
    },
    onLoad(options = {}) {
      this.message = options.message || uni.getStorageSync('APP_ERROR_MESSAGE');
    },
  };
</script>
<style lang="scss">
  .content {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 20%;
    color: $je-text-color;
    .icon {
      color: $je-error-color;
    }
    .message {
      padding: 20px;
      line-height: 2;
    }
  }
</style>
